<template>
  <div class="RulelibraryIndex">
    <jxtech-basic-header>
      <template #extra>
        <jxtech-add-button @click='RulelibraryState.addhandler'></jxtech-add-button>
        <jxtech-delete-button @click='RulelibraryState.deletehandler'>
        </jxtech-delete-button>
      </template>
    </jxtech-basic-header>

    <rulelibrary-list-com ref="RulelibraryListComRef"></rulelibrary-list-com>
  </div>
</template>

<script lang="ts" setup>
import { computed, onMounted, reactive, ref } from "vue"
import { useRouter } from "vue-router"
import RulelibraryListCom from "./component/rulelibrary-list.vue"
import { RulelibraryAddUrl } from "/@/views/personnel/mapping.json"
const router = useRouter()
const RulelibraryListComRef = ref()
const RulelibraryState = reactive({
  addhandler: () => router.push({ path: RulelibraryAddUrl }),
  deletehandler: () => RulelibraryListComRef.value.exposemultideletehandler()
})
onMounted(() => {})
</script>

<style lang="scss" scoped>
</style>
